<template>
		<view class="p-3 flex align-center" hover-class="bg-light" @click="$emit('click')">
			<text class="iconfont mr-2" :class="icon"></text>
			<text class="font">{{title}}</text>
			<view class="flex ml-auto text-secondary align-center iconfont">
				<slot></slot>
				<text v-if="showRight" class="text-muted font ml-2">&#xe61c;</text>
			</view>
		</view>
</template>

<script>
	export default {
		props:{
			icon:{
				type:String,
				default:''
			},
			title:{
				type:String,
				default:''
			},
			showRight:{
				type:Boolean,
				default:true
			}
		}
	}
</script>

<style>

</style>
